import 'package:flutter/material.dart';

class Match extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(12),
      child: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Row(
                children: [
                  Container(
                    child: Text('热门赛事'),
                  ),
                  Container(
                    margin: EdgeInsets.only(left: 10),
                    child: Image.asset(
                      'images/home/hot.png',
                      width: 55,
                      height: 17,
                    ),
                  )
                ],
              ),
              Container(
                child: Icon(
                  Icons.keyboard_arrow_right_outlined,
                ),
              )
            ],
          ),
          SizedBox(
            height: 10,
          ),
          Row(
            children: [
              Container(
                width: 160,
                height: 100,
                decoration: BoxDecoration(
                    color: Colors.green,
                    borderRadius: BorderRadius.circular(5)),
              ),
              Expanded(
                  child: Container(
                height: 100,
                margin: EdgeInsets.only(left: 10),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Container(
                      child: Text(
                        '昆石路跑联赛--千灯站',
                        style: TextStyle(fontSize: 14),
                      ),
                    ),
                    Container(
                      margin: EdgeInsets.only(top: 15),
                      child: Row(
                        children: [
                          Container(
                            child: Icon(
                              Icons.av_timer,
                              size: 13,
                              color: Color.fromRGBO(153, 153, 153, 1),
                            ),
                          ),
                          Container(
                            margin: EdgeInsets.only(left: 3),
                            child: Text(
                              '2020-11-06',
                              style: TextStyle(
                                  fontSize: 12,
                                  color: Color.fromRGBO(136, 136, 136, 1)),
                            ),
                          )
                        ],
                      ),
                    ),
                    Container(
                      margin: EdgeInsets.only(top: 3),
                      child: Row(
                        children: [
                          Container(
                            child: Icon(
                              Icons.my_location_sharp,
                              size: 13,
                              color: Color.fromRGBO(153, 153, 153, 1),
                            ),
                          ),
                          Container(
                            margin: EdgeInsets.only(left: 3),
                            child: Text(
                              '苏州市',
                              style: TextStyle(
                                  fontSize: 12,
                                  color: Color.fromRGBO(136, 136, 136, 1)),
                            ),
                          )
                        ],
                      ),
                    ),
                    Container(
                      margin: EdgeInsets.only(top: 10),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.end,
                        crossAxisAlignment: CrossAxisAlignment.end,
                        children: [
                          Container(
                            child: Text(
                              '￥',
                              style: TextStyle(
                                  fontSize: 11,
                                  color: Color.fromRGBO(191, 55, 54, 1)),
                            ),
                          ),
                          Container(
                            child: Text(
                              '999',
                              style: TextStyle(
                                  color: Color.fromRGBO(191, 55, 54, 1)),
                            ),
                          ),
                          Container(
                            margin: EdgeInsets.only(left: 3),
                            child: Text(
                              '起',
                              style: TextStyle(
                                  fontSize: 9,
                                  color: Color.fromRGBO(102, 102, 102, 1)),
                            ),
                          )
                        ],
                      ),
                    ),
                  ],
                ),
              ))
            ],
          ),
          Container(
            margin: EdgeInsets.only(top: 15),
            height: 140,
            decoration: BoxDecoration(
                color: Colors.grey, borderRadius: BorderRadius.circular(5)),
          )
        ],
      ),
    );
  }
}
